/*
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* general */
html, body {
    background: #222c30;
    color: #444445;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    height: 100%;
    word-wrap: break-word;
}

:focus {
    outline: 0
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
}

* html .clearfix, *:first-child+html .clearfix {
    zoom: 1;
}

#tk_content {
    width: 960px;
    margin: 0 auto;
}

dt, dd {
    float: left;
}

figure img {
    margin-bottom: 3px;
}

td {
    padding: 5px;
}

.ir {
    /* image replacement */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* grid */
.wrapper {
    margin: 0 auto;
    width: 960px;
}

.content-wrapper {
    background: #fff;
}

.col1, .col2, .col3, .leftcol, .rightcol {
    float: left;
}

.cols2-mainright .col2 {
    margin-left: 20px;
    width: 740px;
}

.cols2-mainright .col1, .cols3-maincenter .col1, .cols3-maincenter .col3 {
    width: 200px;
}

.cols3-maincenter .col2 {
    margin: 0 20px;
    width: 510px;
}

.cols2-mainright .col2 .leftcol {
    margin-right: 20px;
    width: 490px;
}

.cols2-mainright .col2 .rightcol {
    width: 200px;
}

/* fonts */
h1 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
}

h2 {
    border-bottom: 1px dashed #d1d1d1;
    clear: both;
    font-size: 1em;
    line-height: 1.3em;
    margin-bottom: 0.6em;
    padding-bottom: 0.3em;
    text-transform: uppercase;
}

h3 {
    margin-bottom: 1em;
}

p {
    font-size: 0.8em;
    line-height: 1.3em;
    margin-bottom: 1.1em;
}

ol, ul, dl {
    clear: both;
    margin-bottom: 1.5em;
}

li {
    font-size: 0.8em;
    line-height: 1.3em;
    list-style: none;
    margin-bottom: 0.5em;
}

dt {
    clear: left;
    width: 35%;
}

dd {
    margin-left: 4%;
    width: 61%;
}

dt,
dd {
    margin-bottom: 0.5em;
}

a:link, a:visited {
    color: #2296c2;
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: underline;
}

small,
dt,
dd,
table {
    font-size: 0.8em;
    line-height: 1.3em;
}

figcaption {
    font-size: 0.7em;
    line-height: 1.3em;
    margin-bottom: 1em;
    text-align: center;
}

table ul {
    font-size: 1.3em;
}

strong {
    font-weight: bold;
}

i {
    font-style: italic;
}

/* forms */
input[type=text],
input[type=password],
textarea {
    border: 1px solid #d5d5d5;
    padding: 7px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}

input[type=text],
input[type=password],
label {
    display: inline-block;
    width: 150px;
}

.error {
    color: #c00;
    display: block;
    font-size: 0.8em;
    margin-bottom: 20px;
}

/* buttons */
.button,
a.button {
    background: #2296c2;
    color: #fff;
    cursor: pointer;
    font-size: 0.8em;
    height: 30px;
    padding: 3px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}

.button:hover, .button:active {
    background: #32ccfb;
    text-decoration: none;
}

.get-app {
    padding-bottom: 15px;
    text-align: center;
}

.get-app li {
    margin-bottom: 15px;
}

/* box */
.box {
    background: url('/resources/web/image/box.png') no-repeat;
    display: block;
    position: relative;
}

.box > .right {
    background: url('/resources/web/image/box.png') no-repeat;
}

.box.answer-top {
    background-position: 0 0;
    height: 30px;
}

.box.answer-top > .right {
    background-position: 0 -50px;
    height: 30px;
    position: absolute;
    right: 0;
    width: 10px;
}

.box.answer-bottom {
    background-position: 0 -100px;
    height: 10px;
    margin-bottom: 30px;
    z-index: 9;
}

.box.answer-bottom > .right {
    background-position: 0 -150px;
    height: 10px;
    position: absolute;
    right: 0;
    width: 9px;
}

.box.action-bottom {
    background-position: 0 -250px;
    height: 10px;
    z-index: 9;
}

.box.action-bottom > .right {
    background-position: 0 -300px;
    height: 10px;
    position: absolute;
    right: 0;
    width: 9px;
    z-index: 9;
}

.box.extra-bottom {
    background-position: 0 -350px;
    height: 10px;
}

.box.extra-bottom > .right {
    background-position: 0 -400px;
    height: 10px;
    position: absolute;
    right: 0;
    width: 9px;
}

.actionbox-top {
    background: #f1f1f1 url('/resources/web/image/actionbox-arrow.png') no-repeat 35px 10px;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    display: block;
    height: 20px;
    padding-top: 10px;
}

/* header/footer */
header {
    background-color: #444445;
    height: 36px;
    text-align: right;
}

header .content_panel {
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    width: 960px;
}

#header_logo {
    float: left;
}

header a,
footer a {
    color: #24a7cd !important;
}

header .home_content_panel .account,
header .content_panel .account {
    position: absolute;
    right: 0px;
    top: 11px;
}

header .home_content_panel .social {
    right: 0;
}

header .home_content_panel .account {
    right: 0px;
}

header .account li {
    float: left;
    margin-left: 20px;
}

header nav {
    position: relative;
}

footer {
    background: #222C30;
    color: #a6a5a5;
    display: inline-block;
    text-align: center;
    width: 100%;
}

footer .links {
    display: inline-block;
    font-size: 1.2em;
    height: 35px;
    line-height: 35px;
    margin: 20px 0 20px;
}

footer .links li {
    float: left;
    width: 120px;
}

footer .links li a {
    display: inline-block;
    padding: 6px 10px;
}

footer .links li a:hover {
    background: #313f45;
    text-decoration: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}

footer small {
    display: block;
    margin-bottom: 35px;
}

footer #copyright, footer #footer_links {
    font-family: Arial;
}

#footer_links {
    font-size: 0.8em;
    margin: 0 auto;
    padding-bottom: 15px;
    width: 500px;
}

#footer_links div {
    text-align: left;
    margin-bottom: 7px;
}

#footer_links span {
    display: inline-block;
    width: 120px;
}

.social {
    right: 10px;
    padding-right: 30px;
    position: absolute;
    top: 10px;
}

.social li {
    background: url('/resources/web/image/social.png') no-repeat;
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    width: 16px;
}

.social li a {
    float: left;
}

.social li.twitter {
    background-position: 0 -20px;
}

.social li.google {
    background: none;
    position: absolute;
    right: 0;
    top: 2px;
}

.social li.digg {
    background-position: 0 -60px;
}

.social li.reddit {
    background-position: 0 -80px;
}

/* subheader */
.sub_header_bar {
    height: 101px;
    background: url('/resources/web/image/headerSearchBarBG.png');
    margin-bottom: 10px;
}

.sub_header_bar .content_panel {
    margin: 0 auto;
    width: 560px;
}

.sub_header_bar #general_prompt_holder {
    background-image: url(/resources/web/image/headerSearchBG.png);
    width: 460px;
    height: 48px;
}

.sub_header_bar #general_prompt_logo {
    width: 48px;
    margin-left: 20px;
    margin-right: 12px;
}

.sub_header_bar #general_prompt {
    height: 72px;
    padding-top: 29px;
}

.sub_header_bar #general_prompt_input {
    padding-left: 20px;
    padding-right: 90px;
    width: 373px;
    height: 34px;
}

.sub_header_bar #general_prompt #general_submit {
    right: -392px;
    top: -45px;
}

/* HOME PAGE GENERAL PROMPT */
#general_prompt {
    height: 65px;
    padding-top: 69px;
}

#general_prompt_logo {
    width: 146px;
    float: left;
}

#general_prompt_holder {
    background-image: url(/resources/web/image/home/homeSearchBG.png);
    background-repeat: no-repeat;
    width: 594px;
    height: 65px;
    float: left;
}

#home_page #general_prompt_input {
    font-size: 1.2em;
}

#general_prompt_input {
    border: 0;
    font-size: 1.0em;
    padding-left: 20px;
    padding-right: 90px;
    width: 475px;
    height: 51px;
    background: transparent;
}

input.blur {
    color: #ADACAC;
}

#general_prompt #general_submit {
    position: relative;
    right: -507px;
    top: -59px;
    z-index: 5001;
}

/* HOME PAGE HEADER */

header #banner {
    float: left;
    position: relative;
    left: 34px;
}

header .home_content_panel {
    padding-right: 110px;
    width: 850px;
}

/* HOME PAGE CONTENT */
#copy {
    margin-bottom: 16px;
}

#copy h1 {
    height: 32px;
    margin-bottom: 0.5em;
}

#download_buttons {
    float: right;
    width: 172px;
    margin-left: 16px;
}

#download_buttons a {
    display: block;
    margin-bottom: 20px;
}

#home_page #tk_content {
    width: 740px;
    padding-left: 110px;
    padding-right: 110px;
}

#home_page {
    background: #fff url(/resources/web/image/home/homeBG.png);
    height: 448px;
}

.homebox {
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    padding: 20px 20px 5px;
    width: 700px;
}

.homebox a:last-child {
    margin: 0;
}

.homebox p {
    font-size: 0.95em;
}

.homebox-top,
.homebox-bottom {
    display: block;
    width: 742px;
}

.homebox-top {
    background: url('/resources/web/image/home/homebox-top.png') no-repeat;
    height: 30px;
}

.homebox-bottom {
    background: url('/resources/web/image/home/homebox-bottom.png') no-repeat;
    height: 10px;
}

/* /q/ page */
#answermainleadin, #answermainleadout, #answerfooterleadin, #answerfooterleadout {
    width: 200px;
    float: left;
    margin-bottom: 20px;
}

.tk_object,
.profile,
.tk_no_answer,
.tk_submit_community,
.tk_not_answered,
.knowledge_addition_prompt_wrapper,
.answerlet_addition_prompt_wrapper,
#tk_answer_retranslation,
.retailer_info,
.tk_question_entities,
.tk_user_answerlet_main .answer,
.tk_user_answerlet_main .credit,
.tk_site_answer,
.add_user_answerlet,
.primary.answerlet,
.question_repeater {
    background: #f1f1f1;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    overflow: auto;
    padding: 15px 14px 10px;
}

.question_repeater {
    padding-top: 5px;
    padding-bottom: 0px;
    overflow: hidden;
}

#query_asked_label {
    font-weight: bold;
    display: inline;
    font-size: 0.6em;
}

#query_asked {
    font-weight: normal;
    display: inline;
    word-wrap: break-word;
    font-size: 0.6em;
}

.answer_footer .actionbox-top {
    border: none;
}

.tk_object figure,
.tk_question_entities figure,
.tk_promoted_answerlet figure {
    clear: both;
    float: right;
    text-align: center;
    width: 90px;
}

.tk_common {
    margin-bottom: 0.7em;
    width: 380px;
}

.tk_question_entities .tk_common,
.tk_object_list .tk_common,
.retailer_name,
.tk_text {
    font-size: 1.2em;
}

.tk_urs {
    width: 380px;
}

.tk_object_links a,
.showall-container a,
.tk_product_more_link a,
.tk_submit_community_button,
.retailer_official a,
.analyse_tab a {
    background: url('/resources/web/image/icon.png') no-repeat;
    display: inline-block;
    line-height: 28px;
    margin-right: 30px;
    padding-left: 33px;
}

.answer_footer {
    background: #f1f1f1;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    position: relative;
}

.answer_footer #tk_answer_how {
    color: #fff;
    cursor: pointer;
    font-size: 0.9em;
    position: absolute;
    right: 10px;
    top: 45px;
}

.icon-open {
    background: url('/resources/web/image/icon.png') no-repeat 0 -100px;
    display: inline-block;
    height: 29px;
    vertical-align: middle;
    width: 29px;
}

.icon-open.open {
    background-position: 0 -50px;
}

.editlink,
.retailer_local_link {
    clear: both;
    padding-top: 20px;
}

/* see all */
.showall-container {
    background: #f1f1f1;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    padding: 15px;
}

/* vote */
.voteblock {
    background: #2296c2;
    color: #fff;
    height: 50px;
    position: relative;
}

.voteblock .rate,
.voteblock .report {
    font-size: 0.8em;
    position: absolute;
    left: 15px;
}

.voteblock .report {
    font-size: 0.6em;
}

.voteblock .rate {
    top: 13px;
}

.voteblock .report {
    cursor: pointer;
    top: 34px;
}

.voteblock .up,
.voteblock .down {
    cursor: pointer;
    height: 29px;
    position: absolute;
    text-indent: -9999px;
    top: 15px;
    width: 30px;
}

.voteblock .up {
    background: url('/resources/web/image/icon.png') no-repeat 0 -150px;
    left: 140px;
}

.voteblock .down {
    background: url('/resources/web/image/icon.png') no-repeat 0 -200px;
    left: 195px;
}

.voteblock .updisabled,
.voteblock .downdisabled {
    display: inline-block;
    position: absolute;
    right: 180px;
    top: 22px;
}

/* how do we know */
#tk_how_know {
    color: #444445;
    font-size: 0.7em;
    padding: 15px 30px;
}

#tk_how_know_header {
    margin-bottom: 25px;
}

#tk_how_know #tk_facts_tab,
#tk_how_know #tk_reasoning_tab {
    float: left;
    font-weight: bold;
    width: 50%;
}

.tk_how_know_toggle_label {
    cursor: pointer;
}

#tk_how_know #tk_reasoning_tab {
    text-align: right;
}

.analyse_tab {
    padding: 20px 20px 10px;
}

#tk_how_know .tk_how_know_helper {
    clear: both;
    margin-bottom: 1.1em;
}

#tk_how_know .tk_how_know_main .assessfact {
    border-bottom: 1px dotted #a0b9c2;
    padding: 6px 0;
}

#tk_how_know .tk_how_know_main .assessfact .explain {
    color: #3998c3; /* check colour is correct */
    float: none; /* overwrite assessfact.css */
    margin-bottom: 0.5em;
    width: 100%; /* overwrite assessfact.css */
}

#tk_how_know .tk_how_know_main .assessfact span {
    display: block;
}

#tk_answer_how_hidden {
    background: #e8f8fe;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    margin-top: -8px;
    position: relative;
    width: 509px;
    z-index: 1;
}

#tk_answer_how_hidden p {
    font-style: italic;
    margin: 0;
    padding: 20px 20px 0;
}

#tk_answer_how_hidden .box {
    margin-bottom: 0;
    width: 509px;
}

#tk_answer_how_hidden .junk {
    padding: 20px 20px 10px;
}

#tk_answer_how_hidden .box {
    left: -1px;
    position: absolute;
    width: 511px;
}

.reasoning_fact_row {
    line-height: 1.5em;
}

.tk_how_know_container .grey,
.tk_how_know_container .grey a,
.tk_how_know_container .grey a:link,
.tk_how_know_container .grey a:visited {
    color: #B20838;
}

.tk_how_know_container .blue,
.tk_how_know_container .blue a,
.tk_how_know_container .blue a:link,
.tk_how_know_container .blue a:visited {
    color: #3f9fcd;
}

/* disambiguation */
.disambiguation {
    padding: 20px;
}

.disambiguation p {
    margin: 0;
}

/* submit answer */
.add_user_answerlet {
    margin-bottom: 30px;
}

.add textarea {
    width: 490px;
}

.add_user_answerlet .submit {
    background: url('/resources/web/image/icon.png') no-repeat 0 -250px;
    color: #c22048;
    cursor: pointer;
    display: inline-block;
    font-size: 0.8em;
    line-height: 22px;
    padding-left: 30px;
}

/* list */
ul.tk_object_list {
    margin: 0;
}

/* local */
.tk_product_list,
.tk_product_more_link {
    background: #f1f1f1;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    margin: 0;
    padding: 15px 14px;
}

.tk_product_more_link {
    margin: 0;
}

/* not understood / not answered / no ansewr */
.tk_not_understood,
.tk_not_answered,
.tk_no_answer {
    font-size: 1.1em;
    line-height: 1.3em;
    margin: 0;
}

.tk_helper_text {
    font-size: 0.8em;
    line-height: 1.3em;
    margin-bottom: 1.1em;
}

.tk_submit_community_button {
    color: #2296C2;
    cursor: pointer;
    margin: 0;
}

.tk_submit_community_button:hover {
    text-decoration: underline;
}

/* profile */
.apiprofile figure {
    float: right;
    margin-left: 20px;
    width: 180px;
}

.apiprofile .classes {
    font-style: italic;
    margin-bottom: 20px;
}

.apiprofile .profile-list {
    border-top: 2px dashed #d1d1d1;
    padding-top: 20px;
}

.api_profile_content {
    position: relative;
}

.api_profile_content .disclose {
    color: #2296c2;
    cursor: pointer;
    left: -15px;
    position: absolute;
}

/* retailer */
.retailer_phone {
    float: right;
    line-height: 1.7em;
}

/* single answer */
.single_answer .tk_common {
    font-size: 1.5em;
}

/* yes/no */
.tk_yesno {
    background: #f1f1f1;
    border-bottom: 1px dashed #d1d1d1;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    font-size: 2em;
    padding: 15px 14px;
}

.tk_question_entities .tk_object,
li.tk_object {
    border-bottom: 1px dashed #d1d1d1;
    margin: 0;
}

/* answerlet */
.add_user_answerlet_toggle {
    color: #2296c2;
    margin-bottom: 20px 0;
    cursor: pointer;
}

.add_user_answerlet_toggle:hover {
    text-decoration: underline;
}

.answerlet .credit p {
    margin: 0;
}

.answerlet .credit small {
    font-size: 0.7em;
}

.tk_user_answerlet_main .box.action-bottom {
    margin-bottom: 10px;
}

.add_user_answerlet_container {
    margin: 20px 0;
}

/* external results */
#external_results {
    margin-bottom: 40px;
}

#external_results h3 {
    font-size: 1em;
    margin-top: 2em; /* remove this - add to container above */
    text-transform: uppercase;
}

/* --- result, title, answer and document needs to be placed within a <ul> --- */
#external_results .result, .site_answerlet {
    font-size: 0.8em;
    line-height: 1.5em;
    margin-bottom: 1em;
}

#external_results .document a, .site_answerlet .document a {
    color: #669900;
}

/* pagination */
.slidernavholder {
    display: inline-block;
    margin: 20px 0;
    padding: 0 10px;
    position: relative;
}

.slidernavigation {
    float: left;
    margin: 2px 10px;
}

.slidernavigation li {
    float: left;
    padding: 0 5px;
}

.slidernavholder .scrollButtons.left {
    position: absolute;
    left: 0;
}

.slidernavholder .scrollButtons.left {
    position: absolute;
    right: 0;
}

/* login */
#login1 .fields {
    margin: 0;
}

#login1 .rememberme_area,
#login1 .dialogButtons,
#login1 .otherlinks,
#login2 .dialogButtons {
    margin: 0 0 20px 150px;
}

/* register */
#staticregister input[type=submit] {
    margin: 0 0 20px 150px;
}

/* ads */
.ad-container {
    border-top: 1px dashed #d1d1d1;
    border-bottom: 1px dashed #d1d1d1;
    margin: 5px 0 20px;
    padding: 5px 0 20px;
}

.tk_hidden {
    display: none;
}

.retailer_map {
    margin-top: 20px;
}

.tkkeywords {
    text-align: right;
    color: #EFEFEF;
}